草庐IT

HTML 样式- CSS

全部标签

javascript - 在 html/javascript 中将百分比转换为小数

Javascript:varvalidate(s)=s.match^(100(?:\.0{1,2})?|0*?\.\d{1,2}|\d{1,2}(?:\.\d{1,2})?)%$!=null;varstr=value.match(/\/\/%//g);if(converted==NaN){alert('Inputwasnotanumber');}elseif(converted!=null){varfracToDecimal=eval(value);alert(fracToDecimal);}elseif(converted=str){varpercToDecimal=value/10

javascript - 如何将某些样式应用于打印页面上的第一个和最后一个元素?

我有以下虚拟code:p{font-size:20px;}window.onload=function(){varbody=document.getElementsByTagName('body')[0],p=document.createElement('p'),el;p.style.height='20px';p.innerText='SomeTest';for(vari=0,len=30;i它渲染了一些元素,在页面预览中它看起来像下面这样:我需要为第一个和最后一个元素添加边框,如下所示:是否可以使用CSS制作并在webkit中工作?编辑:致建议以下CSS的所有人p:nth-chi

javascript - Webpack 注入(inject)脚本以在生产中索引 html 文件

我有一个索引html文件,我需要在生产环境中注入(inject)额外的脚本。使用gulp我可以使用像gulpinject这样的插件来做到这一点,我如何使用webpack来做到这一点?例如://Iwantthisscriptonlyintheproductionindexhtmlfile 最佳答案 你可以使用gulp-inject-webpack插件https://www.npmjs.com/package/gulp-inject-webpack-plugin 关于javascript-W

javascript - 在 HTML 中嵌入 PDF 字节数据

这应该有效,但似乎我遗漏了什么。我在本地驱动器上有一个pdf文件。显然Chrome和其他浏览器无法获取该本地URL,因为它是沙盒化的,所以我有一个servlet从本地驱动器中提取数据并通过ajax调用将其发送回Web客户端。我没有收到任何错误,似乎正在加载pdf查看器,但文件本身不会显示。我提前编码了,但还是不行。我将在下面展示我的众多方法,但我不会包括servlet代码,因为它似乎有效。尝试1:functionembedFile(){$.get("FileGetter",function(pdfText){varbase64EncodedPDF=b64EncodeUnicode(pd

javascript - 在javascript html5音频预加载上取消了http请求

我正在尝试使用javascript预加载音频文件。我正在使用Chrome,当文件数量增加时,chrome取消了我文件的http请求...为什么?我能做什么?这是我的代码:filesToLoad=44;filesLoaded=0;for(varni=1;ni=filesToLoad){cb();}console.log("load:::"+ServerPath+'audio/'+filesLoaded+'.mp3');}functioncb(){alert("loaded");} 最佳答案 我正在尝试做同样的事情。我预加载了12个音频

javascript - 是否有js插件将矩阵参数转换为css3转换属性?

假设我有css3转换样式:img{-webkit-transform:rotate(10deg)translate(100px,20px);-moz-transform:rotate(10deg)translate(100px,20px);}然后我使用jquery获取它的样式:console.log($('#clone').css('-moz-transform'));它只返回一个序列号:matrix(0.984808,0.173648,-0.173648,0.984808,95.0078px,37.061px)有没有js插件可以把矩阵数转过来?或者转过来?

javascript - 编写 jQuery rolodex 样式的时钟翻转动画?

我正在努力根据那些带有翻转数字的旧时钟制作一个简单的动画。我在下面添加了一张从PremiumPixels上找到的免费赠品PSD复制的图片:我遇到的最大问题是使用jQuery在HTML/CSS/JavaScript中构建“翻转”动画。我找到的唯一教程是fromthisnettuts+article实际上使用图像。它将时钟的上半部分和下半部分分成两个不同的图像集,并为经过的每一秒替换它们......这种方法在网站中是不现实的,因为它没有为读者提供实际的上下文。我更愿意将数字硬编码到HTML中并仅通过jQuery执行翻转动画-最好没有图像,除了背景自动收报机框。或者换句话说,数字被编码成HT

javascript - 使用 CSS 转换或 javascript 缩放元素以动态适应其父元素

我有一个页面,其中有一个的轮子元素,当您单击一个按钮时,整个轮子都会旋转。我通过使用本质上绝对的CSS转换来实现这种效果。然而,轮子很大,在我的高清显示器上看起来不错,但较小的屏幕会切掉边缘。我不能像在普通布局中那样使用%宽度,我需要的是像大多数浏览器缩放功能一样缩小整个页面。就我自己而言,我知道ctr+mouseWheel会缩小页面以便我可以看到整个页面,但是我不能指望其他人这样做。我知道我可以使用-browser-transform:scale(amt);在包装div上获得我想要的效果,但是我想不出一种动态的方法。如果我将比例设置为0.5,无论屏幕如何,它都会是0.5。我希望轮子的

html - 从 chrome 的扩展内容脚本访问 iframe 内容

我正在做一个插件来对界面进行一些转换。我不断收到unsafejavascriptattempttoaccessframewithurl....Domains,protocolsandportsmustmatch(典型的跨站点问题)但作为一个扩展,它应该可以访问iframe的内容http://code.google.com/chrome/extensions/content_scripts.html...有谁知道如何访问它的内容以便可以捕获它们? 最佳答案 通常没有直接的方法来访问不同来源的window对象。如果您想在不同框架中的内容

JavaScript,使用函数更改 HTML <p> 标记中显示的文本

我有一个HTML5Canvas,它在Canvas下方的页面上显示了一些图像和一段文本。我希望根据用户单击的图像更新段落中的文本以显示JS数组中的不同元素。目前,我有一个“鼠标按下”功能,如下所示:_mousedown:function(evt){this._setUserPosition(evt);varobj=this.getIntersection(this.getUserPosition());if(obj&&obj.shape){varshape=obj.shape;this.clickStart=true;shape._handleEvent('mousedown',evt)